<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta keywords="">
    <meta description="">
    <link href="/resources/css/common/reset.css" rel="stylesheet">
    <link href="/resources/css/common/common.css" rel="stylesheet">
    <link href="/resources/css/success_failure/pay-succ-fail.css" rel="stylesheet">
    <title>支付成功与失败</title>
  </head>
  <body>
    <div class="step_box">
      <div class="cross">
        <div class="nav clearfix">
          <div class="myShopping line">
            <div class="num">1</div><span>我的购物车</span>
            <div class="step_arrow"></div>
          </div>
          <div class="orderInfo line">
            <div class="num">2</div><span>订单信息</span>
            <div class="step_arrow"></div>
          </div>
          <div class="payOrder line active">
            <div class="num">3</div><span>支付订单</span>
          </div>
        </div>
      </div>
    </div>
    <div class="pay-cont">
      <div class="succ clearfix"><i class="icon-succ fl"></i>
        <div class="txt fl">
          <p class="txt-succ">您已支付成功！</p>
          <p class="txt-int f-b">您将获取<em class="clr-red">300积分，</em>请稍后查看</p>
          <p class="txt-bal"><span>您已支付300元+5000积分</span><span class="line"></span><span>积分余额4000积分</span></p>
          <p><a href="javascript:;" class="clr-blue mr-20">继续购物 </a><a href="javascript:;" class="clr-blue">查看订单</a></p>
        </div>
      </div>
    </div>
    <div class="pay-cont">
      <div class="succ clearfix"><i class="icon-fail fl"></i>
        <div class="txt fl">
          <p class="txt-succ">支付失败！</p>
          <p><a href="javascript:;" class="clr-blue">返回订单</a></p>
        </div>
      </div>
    </div>
  </body>
</html>